html{font-size:20px;font-family: Microsoft YaHei;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0}
body{line-height:1.6;font-size:12px; background:url(/img/web_pc/body-bg3.jpg) repeat-y; background-size:110% auto; background-position:center 800px;}
h1,h2,h3,h4,h5,h6{font-size:100%;    font-family: Microsoft YaHei;}
li{list-style:none}
a:link,a:visited{text-decoration:none}
a,input,select{ outline:none;}
a{cursor: pointer; color:#585858;}
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
button{ border: 0; padding: 0; margin: 0;}

a {
    text-decoration: none;
    outline: medium none;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
}
a:link,
a:visited,
a:active {
    text-decoration: none;
}
a:hover {
    color: #ee4900 !important;
    text-decoration: none;
}


/*head样式00*/
.nav-top{ width:86%; height: 2rem; line-height: 2rem; overflow: hidden; padding:0 7%; background: none;border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    background:rgba(0, 0, 0, 0.8);position: fixed; top:0; left:0;z-index:100;}
.nav-top .le{ float: left;width: 15%; height: 100%; vertical-align: center; color: white;}
.nav-top .ri{ float: right;width: 85%;text-align: right;}
.nav-top .le img{ height: 1.25rem;}
.nav-top a {text-decoration: none;color:#fff !important;width: auto;height: 1.3rem;line-height: 1.3rem;font-size: 0.6rem;display: inline-block;padding: 0 0.5rem; transition: all 1s ease;}
.nav-top a:hover{color:#782faa;}
.nav-top .le a{ width: 100%; height: 100%; justify-content: flex-start; align-items: center;}
.nav-top em { font-style: normal;color: #fafafa;}
.nav-top font {display: inline-block;height: 1.3rem;line-height: 1.3rem;color: #fff;font-size: 0.65rem;background: #d3211d;padding: 0 0.4rem;}
.nav-top span {color: #fff;font-size: 0.9rem;vertical-align: -2px;}
.nav-top #username{display: none;color: red ;font-size: 0.7rem;line-height: 1.3rem;height: 1.3rem;}
.nav-top #myorder{display: none; font-size: 0.7rem; padding: 0px}
.head-clear{width: 100%;height: 0px;margin-top: 2.05rem;}

.nav-bot{ width:86%;height:auto; overflow: hidden; padding:0 7%; background:rgba(0, 0, 0, 0.75);position: relative;z-index: 100;}
.nav-bot .navigation-logo{ width:15%; height:3.25rem; overflow:hidden; float:left; text-align: left;}
.nav-bot .navigation-logo a{ width:100%; height:100%; overflow:hidden; display: flex; justify-content: flex-start; align-items: center;}
.nav-bot .navigation-logo img{ width:95%; height:auto; vertical-align:middle;}
.nav-bot .nav-bot-menu{ width:auto;padding-bottom:0px;float: right; box-sizing: border-box;}
.nav-bot .nav-bot-menu li{float:left; color:#fff; width:auto; height:3.25rem; line-height:3.25rem; position: relative; text-align:center; padding:0 0.8rem;}
.nav-bot .nav-bot-menu li a{ color:#fff;display:inline-block;height:3.25rem; font-size: 0.9rem; font-weight:bold; vertical-align: top;}
/*.nav-bot .nav-bot-menu li:hover{ background:#782faa;background:rgba(120,47,170,0.8); transition: all 1s ease;}*/
/*.nav-bot .nav-bot-menu li.menuSld{ background:;background:rgba(120,47,170,0.8);; transition: all 1s ease;}*/
.nav-bot .nav-bot-menu li:hover{ background:#782faa;background:rgba(120,47,170,0.5); transition: all 1.5s ease;}
.nav-bot .nav-bot-menu li:hover a{color:#fff;}


/*友情链接*/
.friend { width: 86%; height: auto; overflow: hidden; margin: 0 auto; color: #ccc; font-size: 0.6rem; padding-top: 0.75rem;}
.friend li { width: auto; float: left; padding: 0px 0.25rem; line-height: 1.5;}
.friend li a { color: #ccc; font-size: 0.65rem; }

/*底部height:485px;*/
.footer{ width:100%; height:auto; overflow:hidden; background:black; margin-top:1rem;}
.footer .info{ width:86%; height:auto; overflow:hidden; margin:0 auto; padding-top:0.5rem; position:relative;}
.footer .info ul{ width:calc(100% - 5rem); height:auto; overflow:hidden; float: left; }
.footer .info ul li{ width:auto; height:1.5rem; line-height:1.5rem; color:#999; float: left; margin-right: 0.75rem;}
.footer .info ul li a{ text-decoration:none; color:#999; font-size:0.75rem; transition:all 0.3s linear;}
.footer .info ul li a:hover{ text-decoration:underline; color:#0091d7;}
.footer .info .img-box{height: 1.6rem; overflow: hidden; text-align:right; color:#1ac8e7; position: absolute;right:0;
    display: flex; align-items: flex-end;justify-content: right;}
.footer .info .img-box a{display: block;width: 100%;height: 100%;}
.footer .info .img-box img{ height: 1.5rem;}
.footbot{ width:86%; height:auto; line-height:1.25rem; padding:0.5rem 7%; overflow:hidden;  text-align:center; color:#999; font-size:0.75rem;
    border-top:1px #4b5054 solid; margin-top: 0.5rem;}
.footbot a{ color:#999!important; text-decoration: none; outline: none;}

/*椤甸潰浣嶇疆瀵艰埅*/
.position{width:86%;height:2.5rem;line-height:2.5rem;overflow:hidden;padding:0 7%;text-align:left;border-bottom:1px solid #dfdfdf}
.position a{width:auto;height:2.5rem;text-decoration:none;font-size:0.75rem;color:#666;transition:all .8s ease}
.position em{width:2.5rem;height:2.5rem;display:inline-block;background:url(/img/web_pc/xiexian.png) center center no-repeat}
.position span{color:#000; font-size:0.8rem;}
.position a:hover{color:#0091d7}

/*热门服务&热点应用*/
.rt-box .cell{ width: 100%; overflow:hidden; border:1px solid #e5e5e5; border-top:none; border-bottom: none;
    padding: 0.25rem 0.5rem 0;margin-bottom:0px;box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
.rt-box .cell li{ width: auto; overflow: hidden; height: 1.5rem; line-height:1.5rem; float: left; margin-right: 0.75rem; border-radius:1rem;
    border: 0; padding: 0; font-size: 0.75rem; color: #666;}